<template><div><h1 id="环境依赖" tabindex="-1"><a class="header-anchor" href="#环境依赖" aria-hidden="true">#</a> 环境依赖</h1>
<!-- 本地开发采用nodeliquidjs 开发模拟环境；
一些过滤器；tag不一定都支持详情参考https://liquid.bootcss.com/basics/whitespace/；node版本14  不支持14以上； -->
<div class="custom-container tip"><p class="custom-container-title">提示</p>
<p>正式环境采用php + liquid 的渲染；由于本开发模版出现调试开发的不方便；采用node + liquid的本地环境；开发者需要了解node.js、liquid模版渲染</p>
</div>
<blockquote>
<p>node版本14  不支持15以上；</p>
</blockquote>
<ul>
<li>node.js</li>
<li>express</li>
<li>http-proxy-middleware</li>
<li>node-sass</li>
<li>模版渲染 liquid <a href="https://liquid.bootcss.com/basics/whitespace/" target="_blank" rel="noopener noreferrer">文档地址<ExternalLinkIcon/></a></li>
<li><a href="https://gitee.com/oemsaas" target="_blank" rel="noopener noreferrer">开源模版<ExternalLinkIcon/></a></li>
</ul>
<h4 id="安装" tabindex="-1"><a class="header-anchor" href="#安装" aria-hidden="true">#</a> 安装</h4>
<blockquote>
<p>npm安装</p>
</blockquote>
<div class="language-javacript line-numbers-mode" data-ext="javacript"><pre v-pre class="language-javacript"><code># 克隆项目
git clone https://gitee.com/a-mole/shopyy-temp-2.0.git

# 进入项目
cd shopyy-temp-2.0

# 安装依赖
npm install

# 更目录创建配置文件
mdkir config.json

# 开发config.json 复制
{
  &quot;root&quot;: &quot;default&quot; // 开发模版名称
}

# 进入模版开发目录
cd src/theme

# 获取默认模版
git clone https://gitee.com/oemsaas/default.git

# 返回根目录
cd ../..

# 执行命令
npm run dev 

打开浏览器：http://localhost:3030

</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h4 id="目录介绍" tabindex="-1"><a class="header-anchor" href="#目录介绍" aria-hidden="true">#</a> 目录介绍</h4>
<div class="custom-container tip"><p class="custom-container-title">提示</p>
<p>本地开发无需修改本地代码；如需调试模版数据；修改 /app/mock 的mock数据；其他文件建议不修改</p>
</div>
<div class="language-text line-numbers-mode" data-ext="text"><pre v-pre class="language-text"><code>--admin 
--app  //node
----controller
----filters 
----mock //本地模拟数据
----router //路由
----tags 
----theme	
----util
----app.js  //服务入口

--config //开发编译服务
----compiler 
----template //模版开发默认数据
-----tool 
----browser.js
----build.js
----create.js
----dev.js

--src 开发目录
-----assets 
-----git git命令
-----theme 模版
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h4 id="命令介绍" tabindex="-1"><a class="header-anchor" href="#命令介绍" aria-hidden="true">#</a> 命令介绍</h4>
<p>方便模版更新的发布、创建、开发</p>
<div class="language-text line-numbers-mode" data-ext="text"><pre v-pre class="language-text"><code># 开发
npm run dev 

# 创建模版
npm run create

# 更新所以模版
npm run master:pull 

# 发布所有模版到master
npm run master:push 

# 发布所有模版到release
npm run release:push 
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></div></template>


